﻿$(document).ready(function () {
    //alert("Hello 1");
    $('#header').corner("top 30px");
    $('#menu').corner("5px");
    $('#footer').corner("bt  5px");
    $('#content').corner("10px");
    $('#page').corner("5px");
    $('#action_item').corner("top 10px");
    $('.task_title').corner("5px");
    $('#task_group_item').corner("5px");
    $('#sidebar2').corner("5px");
    $('#calendar_title').corner("5px");
    $('#task_item').corner("5px");
    $('#calendar_wrap').corner("5px");
    $('#sidebar2').corner("5px");
    $('#item_detail').corner("5px");
    
    //alert("Hello 2");
});
function showUserSetting(user_name, function_para) {
    //alert("abc");
    var name = user_name;
    if (user_name.length > 28) {
        //alert("abc");
        name = user_name.substring(0, 28) + "...";
    }
    //alert(user_name.length);
    var newText = "";
    if (user_name != null && user_name != "") {
        newText = "<a href='#'> " + name + "</a> |" +
                  "<a href='Index.aspx?" + function_para + ">Cập nhật</a> | " +
                  "<a href='#'>Giúp đỡ</a> | " +
                  "<a href='../App_Site/DmtController/DmtHandler/LogoutHandler.aspx'>Thoát</a>";
        newText = "Xin chào " + newText;
        alert(newText);
    }
    document.getElementById('user_info').innerHTML = newText;
}

// script for ckeditor
function initTexArea(textAreaName) {
    CKEDITOR.replace(textAreaName,
		{
			/*
			* Style sheet for the contents
			*/
			contentsCss: 'body {color:#000; background-color#:FFF;}',

			/*
			* Simple HTML5 doctype
			*/
			docType: '<!DOCTYPE HTML>',

			/*
			* Core styles.
			*/
			coreStyles_bold: { element: 'b' },
			coreStyles_italic: { element: 'i' },
			coreStyles_underline: { element: 'u' },
			coreStyles_strike: { element: 'strike' },

			/*
			* Font face
			*/
			// Define the way font elements will be applied to the document. The "font"
			// element will be used.
			font_style:
			{
				element: 'font',
				attributes: { 'face': '#(family)' }
			},

			/*
			* Font sizes.
			*/
			fontSize_sizes: 'xx-small/1;x-small/2;small/3;medium/4;large/5;x-large/6;xx-large/7',
			fontSize_style:
				{
					element: 'font',
					attributes: { 'size': '#(size)' }
				},

			/*
			* Font colors.
			*/
			colorButton_enableMore: true,

			colorButton_foreStyle:
				{
					element: 'font',
					attributes: { 'color': '#(color)' },
					overrides: [{ element: 'span', attributes: { 'class': /^FontColor(?:1|2|3)$/}}]
				},

			colorButton_backStyle:
				{
					element: 'font',
					styles: { 'background-color': '#(color)' }
				},

			/*
			* Styles combo.
			*/
			stylesSet:
					[
						{ name: 'Computer Code', element: 'code' },
						{ name: 'Keyboard Phrase', element: 'kbd' },
						{ name: 'Sample Text', element: 'samp' },
						{ name: 'Variable', element: 'var' },

						{ name: 'Deleted Text', element: 'del' },
						{ name: 'Inserted Text', element: 'ins' },

						{ name: 'Cited Work', element: 'cite' },
						{ name: 'Inline Quotation', element: 'q' }
					],

			on: { 'instanceReady': configureHtmlOutput }
		});    
}


/*
* Adjust the behavior of the dataProcessor to avoid styles
* and make it look like FCKeditor HTML output.
*/
function configureHtmlOutput(ev) {
    var editor = ev.editor,
		dataProcessor = editor.dataProcessor,
		htmlFilter = dataProcessor && dataProcessor.htmlFilter;

    // Out self closing tags the HTML4 way, like <br>.
    dataProcessor.writer.selfClosingEnd = '>';

    // Make output formatting behave similar to FCKeditor
    var dtd = CKEDITOR.dtd;
    for (var e in CKEDITOR.tools.extend({}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent)) {
        dataProcessor.writer.setRules(e,
			{
			    indent: true,
			    breakBeforeOpen: true,
			    breakAfterOpen: false,
			    breakBeforeClose: !dtd[e]['#'],
			    breakAfterClose: true
			});
    }

    // Output properties as attributes, not styles.
    htmlFilter.addRules(
		{
		    elements:
			{
			    $: function (element) {
			        // Output dimensions of images as width and height
			        if (element.name == 'img') {
			            var style = element.attributes.style;

			            if (style) {
			                // Get the width from the style.
			                var match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec(style),
								width = match && match[1];

			                // Get the height from the style.
			                match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec(style);
			                var height = match && match[1];

			                if (width) {
			                    element.attributes.style = element.attributes.style.replace(/(?:^|\s)width\s*:\s*(\d+)px;?/i, '');
			                    element.attributes.width = width;
			                }

			                if (height) {
			                    element.attributes.style = element.attributes.style.replace(/(?:^|\s)height\s*:\s*(\d+)px;?/i, '');
			                    element.attributes.height = height;
			                }
			            }
			        }

			        // Output alignment of paragraphs using align
			        if (element.name == 'p') {
			            style = element.attributes.style;

			            if (style) {
			                // Get the align from the style.
			                match = /(?:^|\s)text-align\s*:\s*(\w*);/i.exec(style);
			                var align = match && match[1];

			                if (align) {
			                    element.attributes.style = element.attributes.style.replace(/(?:^|\s)text-align\s*:\s*(\w*);?/i, '');
			                    element.attributes.align = align;
			                }
			            }
			        }

			        if (!element.attributes.style)
			            delete element.attributes.style;

			        return element;
			    }
			},

		    attributes:
				{
				    style: function (value, element) {
				        // Return #RGB for background and border colors
				        return convertRGBToHex(value);
				    }
				}
		});
}


/**
* Convert a CSS rgb(R, G, B) color back to #RRGGBB format.
* @param Css style string (can include more than one color
* @return Converted css style.
*/
function convertRGBToHex(cssStyle) {
    return cssStyle.replace(/(?:rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\))/gi, function (match, red, green, blue) {
        red = parseInt(red, 10).toString(16);
        green = parseInt(green, 10).toString(16);
        blue = parseInt(blue, 10).toString(16);
        var color = [red, green, blue];

        // Add padding zeros if the hex value is less than 0x10.
        for (var i = 0; i < color.length; i++)
            color[i] = String('0' + color[i]).slice(-2);

        return '#' + color.join('');
    });
}